body {
    font-family: 'Poppins', serif;;
    font-size: 14px;
    line-height: 22px;
    color: #111;
    background-color: #fff;
}
p,
a,
i,
span {
   /* color: #777;*/
    font-family: 'Poppins', Arial, sans-serif;
    line-height: 22px;
} 

.ms-layer {
    background-color: #170a0ab0;
	 padding: 20px!important;
	    font-family: 'Cormorant Upright', serif!important;
		font-size:30px!important;
		line-height:35px!important;
font-style: italic;
color: #000000!important;text-shadow: #797777 4px 4px 10px;
max-width:700px;
min-width:50%;
min-height:100px;
border-radius: 3px 15px 3px 15px;
left: 20px; top: 230px; font-size:20px
}

@media only screen and (max-width:560px){
.ms-layer {	line-height:25px!important;
}}
.navbar-default {
	   /* background: #ffffff; 
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); 
    background: -webkit-linear-gradient(top,  #ffffffa6 0%,#fcfcfc 100%); 
    background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); 
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%);  */

}

.main-nav{
   /* background: #ffffff; 
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fcfcfc)); 
    background: -webkit-linear-gradient(top,  #dddddd0f 0%,#fcfcfc 100%); 
    background: -o-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%); 
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcfcfc 100%);

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    margin-top: 35px;

    -webkit-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2);
    box-shadow: 0px -8px 0px 0px rgba(255,255,255,0.2); */
}


.button {
background-color: #4CAF50; /* yesil */
border: none;
color: white;

text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
margin: 2px 2px;
cursor: pointer;
}


 /* mavi */
.button3 {font-size: 13px; background-color: #18a19d;height:23px;width:100px;margin-top:2px;margin-right:10px;    margin-top: 25px;} /* kirmizi */
.button4 {font-size: 13px; background-color: #a92728;height:23px;width:100px;margin-top:2px;margin-right:10px;} /* kirmizi */
.fa{font: normal normal normal 13px/1;color: #43500f;} 
 
#fancybox-title-over {color: #dfd3d3;    background-image: none!important;} 
.sayfaresim{max-width:550px;}


@media only screen and (max-width: 500px){
	.sayfaresim{max-width:400px;}
	.ustkutu2{margin-top:-30px}
a.gflag{margin-left:2px;} 
.lang-change{ width:110px;
float: right;
    top: 7px;
    position: absolute;
    right: -5px;z-index: 1000;
	    text-align: right;}

.ms-layer  {left: 20px; top: 30px!important; font-size:16px!important;}
.pi-text {font-size:16px!important;}
  .form-controla {margin-bottom: 10px!important;}
}



	.ustkutu3{}
@media only screen and (min-width: 501px){
	
	.ustkutu3{margin-top:-260px;}
	.ustkutu2{margin-top:110px}
a.gflag{margin-left:5px;} 
.lang-change{
display:none;}
}

.arama
{
z-index:9998;
position:fixed;
_position:absolute;
bottom:25px;
right:5px;
clip:rect(0 100 85 0);
_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);
/*background-color:#ffffff;*/
 opacity: 0.8;
border-radius:  1px/1px;
border: 0px solid red;
}
.arama:hover
{
z-index:9998;
position:fixed;
_position:absolute;
bottom:25px;
right:5px;
clip:rect(0 100 85 0);
_top:expression(document.documentElement.scrollTop +document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLe ft + document.documentElement.clientWidth - offsetWidth);
/*background-color:#ffffff;*/
 opacity: 1;}
 
@media only screen and (max-width:560px){
/*.sayfaresim{display:none;}*/
.arama{ opacity: 0.9;}
}
 
 .form-control {margin-top:5px;}